<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:useBean id="admin" scope="request" type="java.util.List"/>

<%--
  Created by IntelliJ IDEA.
  User: LiHanChang
  Date: 2020/12/18
  Time: 1:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>展示推文</title>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="../css/essayShow.css"/>
</head>


<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

<% String path = request.getContextPath();%>
<body>

<!--导航栏-->
<div class="header">
    <ul class="nav nav-pills nav-justified nav-tabs">
        <li>
            <a href="<%=path%>/index">首页</a>
        </li>
        <li> <!--按下后会有边框效果，与下边搭配使用class="dropdown"--><!--data-toggle="dropdown"-->
            <a class="dropdown-toggle" href="<%=path%>/list">心理量表测试<!--小三角<span class="caret"></span>--></a>
            <ul class="subMenu">
                <li>
                    <a href="#">性格测试</a>
                </li>
                <li>
                    <a href="#">能力测试</a>
                </li>
                <li>
                    <a href="#">职场测试</a>
                </li>
            </ul>
        </li>

        <li>
            <a class="dropdown-toggle" href="<%=path%>/findAllEssay">解忧心灵铺<!--<span class="caret"></span>--></a>
            <ul class="subMenu">
                <li>
                    <a href="#">近期推文</a>
                </li>
                <li>
                    <a href="#">历史推文</a>
                </li>
            </ul>
        </li>
        <li>
            <a class="dropdown-toggle" href="<%=path%>/onlyFindAllAdmin">心理热线<!--<span class="caret"></span>--></a>
            <%--<ul class="subMenu">
                <li>
                    <a href="#">二级菜单</a>
                </li>
                <li>
                    <a href="#">二级菜单</a>
                </li>
            </ul>--%>
        </li>
        <li>
            <a href="#"><img id="tubiao" src="../img/little.jpg" alt="图片走丢了"/></a>
        </li>
        <li>
            <c:if test="${currentUser != null}">
                <a href="<%=path%>/goAdministrator">我的</a>
            </c:if>
            <c:if test="${currentUser == null}">
                <a href="<%=path%>/goLogin">登录/注册</a>
            </c:if>
        </li>

    </ul>
</div>

<%--中间显示推文部分--%>
<div style="background-color: #F3F4F5">
    <div class="row-fluid" style="overflow: hidden">
        <div class="col-md-1"></div>
        <div class="col-md-5" id="essay_list" >
            <div class="row-fluid">
                <div style="height: 50px;margin-top: 30px ">
                    <div class="col-md-2"><span>类别</span></div>
                    <div class="col-md-2"><a href="#">全部</a></div>
                    <div class="col-md-2"><a href="#">个人成长</a></div>
                    <div class="col-md-2"><a href="#">情绪管理</a></div>
                    <div class="col-md-2"><a href="#">心理健康</a></div>
                    <div class="col-md-2"><a href="#">婚姻家庭</a></div>
                </div>

                <div style="height: 50px;margin-bottom: 10px">
                    <div class="col-md-2"></div>
                    <div class="col-md-2"><a href="#">恋爱心理</a></div>
                    <div class="col-md-2"><a href="#">人际关系</a></div>
                    <div class="col-md-2"><a href="#">职场心理</a></div>
                    <div class="col-md-2"><a href="#">亲子教育</a></div>
                    <div class="col-md-2"><a href="#">性心理</a></div>
                </div>
                <div style="height: 50px;margin-bottom: 10px">
                    <div class="col-md-2">方式</div>
                    <div class="col-md-2"><a href="#">全部</a></div>
                    <div class="col-md-2"><a href="#">语音</a></div>
                    <div class="col-md-2"><a href="#">视频</a></div>
                    <div class="col-md-2"><a href="#">面对面</a></div>
                </div>

                <div style="height: 50px">
                    <div class="col-md-2">城市</div>
                    <div class="col-md-2"><a href="#">全部</a></div>
                    <div class="col-md-2"><a href="#">北京市</a></div>
                    <div class="col-md-2"><a href="#">上海市</a></div>
                    <div class="col-md-2"><a href="#">广州市</a></div>
                    <div class="col-md-2"><a href="#">深圳市</a></div>
                </div>

                <div style="height: 50px">
                    <div class="col-md-2"></div>
                    <div class="col-md-2"><a href="#">杭州市</a></div>
                    <div class="col-md-2"><a href="#">南京市</a></div>
                    <div class="col-md-2"><a href="#">郑州市</a></div>
                    <div class="col-md-2"><a href="#">开封市</a></div>
                    <div class="col-md-2"><a href="#">洛阳市</a></div>
                </div>

            </div>

            <div>
                <h4>免费咨询</h4>
                <div>
                    <c:forEach items="${admin}" var="admin">
                        <div id="essay_item" >
                            <div class="item_essay" id="essay_img" style="display: inline-block">
                                <a href="#" target="_blank"><img src="../img/little1.jpg" style="width: 50px;height: 50px"></a>
                            </div>
                            <div id ="essay_synopsis" style="display: inline-block">
                                <div class="essay_right">
                                    <a href="#" target="_blank">${admin.admin_name}</a>
                                </div>
                                <div>
                                    <p>已认证的专业心理咨询医师</p>
                                </div>
                                <div>
                                    <a href="#">高人气</a>
                                    <span>${admin.admin_phone}</span>
                                    <a href="#" target="_blank">#犹豫就戳我</a>
                                </div>
                            </div>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-4" id="essay_right" style="background-color: #FFFFFF; padding: 20px">
            <a href="#" class="thumbnail"><img src="../img/essayRight.jpg" style="width:350px;height: 100px" /></a>
            <div align="center">
                <a style="display: block" href="#">解忧心灵文章发布的版权与激励说明</a>
                <a style="display: block" href="#">解忧心灵微信公众号上线了</a>
                <a style="display: block" href="#">内置图灵机器人，快来和她聊天啊！</a>
            </div>
            <div>
                <a href="#" class="thumbnail"><img src="../img/weChatRCode.jpg" style="width:200px;height: 200px"/></a>
            </div>


        </div>

        <div align="center">
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div>


    <!--尾部-->
    <div id="footer">
        <div id="footerContent">
            <!--尾部logo-->
            <div id="footerLogoContainer">
                <img id="footerLogo" src="../img/logo-clear.png" alt="图片走丢了"/>
            </div>
            <p style="padding-bottom: 0;">
                <a href="#">平台简介</a>&nbsp;|
                <a href="#">联系我们</a>&nbsp;|
                <a href="#">意见反馈</a>&nbsp;|
                <a href="#">常见问题</a>
            </p>
            <p style="padding-bottom: 30px">
                ©<a id="year"></a> 解忧心灵团队运营维护
            </p>
        </div>
    </div>
</div>
</body>
</html>
